<template>
  <div class="app-container documentation-container">
    <el-tabs type="border-card">
      <el-tab-pane label="肉桂特征">
        <Form />
      </el-tab-pane>
      <el-tab-pane label="生长环境及分布">
        <Environment />
      </el-tab-pane>
      <el-tab-pane label="繁殖方法">
        <Reproductive />
      </el-tab-pane>
      <el-tab-pane label="主要价值">
        <mainValue />
      </el-tab-pane>
      <el-tab-pane label="病虫防治">
        <pestControl />
      </el-tab-pane>
      <el-tab-pane label="肉桂文化">
        <Cultrue />
      </el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>
import Form from '@/views/documentation/components/Form'
import Environment from '@/views/documentation/components/Environment'
import Reproductive from '@/views/documentation/components/Reproductive'
import mainValue from './components/mainValue'
import Cultrue from './components/Cultrue'
import pestControl from './components/pestControl'

export default {
  name: 'Documentation',
  components: { Form, Environment, Reproductive, mainValue, Cultrue, pestControl },
  data() {
    return {
    }
  },
  methods: {}
}
</script>

<style lang="css" scoped>
.documentation-container {
  margin: 10px;
}
</style>
